//原来vw 的方式全部使用pxTorem （rem的方式）
@function pxTorem($px) {
	//$px为需要转换的字号
	@return $px / 16 * 1rem;
}
@function vh_1080($height) {
	@return ($height / 1080) * 100vh;
}
@function vw_1920($width) {
	@return ($width / 1920) * 100vw;
}

$theme-color: #62adf8;
$bg-color: rgba(0, 13, 22, 0.8);
$left-width: pxTorem(320);
// system系统两侧宽度
$system-width: pxTorem(298);
$bottom-height: pxTorem(330);

$perceive-width: pxTorem(360);
$industrialEconomy-width: pxTorem(430);
$perceive-right: pxTorem(392);

//自定义滚动条样式
@mixin scrollbar-custom {
	overflow-y: scroll;
	&::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
		height: 15px;
	}
	&::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 5px;
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background-color: rgba(63, 214, 235, 0.5);
		scrollbar-arrow-color: red;
	}
	&::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		border-radius: 10px;
		background: transparent;
	}
}
@font-face {
	font-family: DS-Digital;
	src: url(~@/assets/font/DS-DIGI.TTF);
}

.u_s_none {
	user-select: none;
}
.t_color {
	color: #bbbbbb;
}

.bg-color {
	background-color: rgba(16, 34, 67, 0.9);
}

.shadowColor {
	box-shadow: 2px 2px 7px rgba(39, 39, 39, 0.95);
}

// border
.border-normal {
	border: 1.2px solid rgba(96, 118, 173, 0.7);
}

.border-active {
	border: 0.08vw solid rgba(42, 157, 183, 0.3);
}

.br4 {
	border-radius: 4px;
}

// cursor
.cursor_move {
	cursor: move;
}

// flex布局
.df {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.el-button__custom {
	color: #bbb;
	background-color: rgba(16, 34, 67, 0.5);
}

.btn-wrap:hover,
.el-button__custom:focus,
.el-button__custom:hover {
	border-color: #fff;
	box-shadow: 0 0 4px #fff, 0 0 4px #fff;
}
.el-button__custom:focus,
.el-button__custom:hover {
	background-color: unset;
	color: #409eff;
}

.el-button__bg {
	color: #fff;
	background: url(/images/base/btn-bg.png) 100% 100% no-repeat;
	border: unset;
	background-size: 100% 100%;
}
.el-button__bg:hover,
.el-button__bg:focus {
	background-color: unset;
	color: #fff;
}

.radio__bg {
	color: #fff;
	.el-radio__input.is-checked .el-radio__inner {
		border-color: #0dd4ff;
		background: #0dd4ff;
	}
	.el-radio__input.is-checked + .el-radio__label {
		color: #fff;
	}
}

.el-table__custom {
	border: 2px solid rgba(96, 118, 173, 0.7);
	box-sizing: border-box;

	th,
	tr {
		color: #fff;
		background-color: unset;
		text-align: center;
		border-bottom: 1.5px solid rgba(96, 118, 173, 0.7);
	}
	tr:hover > td {
		background-color: unset !important;
		color: #409eff;
	}

	&::before {
		display: none;
	}
	.cell {
		text-align: center;
	}
}

.el-pagination__custom {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	.el-input__inner {
		width: 100%;
	}
	.el-pagination__total,
	.el-pagination__jump {
		color: #fff;
		font-size: 0.8vw;
	}
	.el-dialog,
	.el-pager li,
	.btn-next,
	.btn-prev,
	button:disabled {
		font-size: 0.8vw;
		background-color: unset;
		color: #bbbbbb;
	}
	.btn-next .el-icon,
	.btn-prev .el-icon {
		font-size: 0.8vw;
	}

	.el-input__inner {
		box-sizing: border-box;
		border: none;
		background-color: rgba(16, 34, 67, 0.5);
		color: #fff;
		border: 1px solid rgba(96, 118, 173, 0.35);
		// width: 7vw;
		// height: 3vh;
		// line-height: 3vh;
		font-size: 0.8vw;
		.el-range-separator {
			height: unset;
			color: #bbbbbb;
		}
		.el-range__icon {
			height: unset;
			width: unset;
		}
		.el-range-input {
			background-color: rgba(16, 34, 67, 0.5);
			color: #bbbbbb;
		}
	}
	.el-input__icon {
		line-height: unset;
	}
}

.custom-inner {
	display: inline-block;
	.el-input__inner {
		width: 100%;
		height: 3vh;
		font-size: 0.8vw;
		line-height: 3vh;
		box-sizing: border-box;
		border: none;
		background-color: rgba(16, 34, 67, 0.5);
		background: url(/images/base/input.png) no-repeat;
		background-size: 100% 100%;
		color: #fff;
		padding: 0px 0px 0px 2px;
	}
}

.area__bg {
	.el-textarea__inner {
		background: url(/images/base/text.png);
		background-size: 100% 100%;
		color: #ffbe61;
		border: 1px solid #0c4357;
	}
}

::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 0.3vw; /*高宽分别对应横竖滚动条的尺寸*/
	height: 0;
}
::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(41, 131, 231, 0.62);
	background: rgba(41, 131, 231, 0.62);
}
::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	width: 0.3vw;
	background: rgba(0, 0, 0, 0.1);
}

// el-select
.taskstate-select {
	background: #28495a !important;
	border: 0 !important;
	color: #fff !important;
	.el-select-dropdown__item {
		color: #fff;
	}
	.hover {
		background-color: rgba($color: #00e9fe, $alpha: 0.5);
	}
}

// .el-cascader
.el-cascader__dropdown.mycascader {
	background: #28495a;
	border: 0;
	/deep/.el-cascader-menu {
		color: #fff;
		.el-cascader-node:not(.is-disabled):focus,
		.el-cascader-node:not(.is-disabled):hover {
			background: rgba($color: #00e9fe, $alpha: 0.5);
		}
	}
}
// 数据管理中的树
.universal-content {
	background: url(~@/assets/images/backgroundImg/grid.png) 0 0;
	overflow-y: auto;
}
.el-tree {
	color: #fff;
	background-color: transparent;
	margin-top: 1.5vh;
}
/*点击节点颜色*/
.el-tree-node:focus > .el-tree-node__content {
	background-color: rgba(20, 62, 141, 0.5);
}
.el-tree-node__content {
	height: 2.8vh;
}

/*悬浮节点颜色样式*/
.el-tree-node__content:hover {
	background-color: rgba(20, 62, 141, 0.5);
}

.el-tree-node__content > .el-tree-node__expand-icon {
	display: flex;
	align-items: center;
	font-size: 1.6vh;
}
.el-tree-node__content > .el-tree-node__label {
	font-size: 1.6vh;
}
.el-tree-node__content > label.el-checkbox {
	margin-right: 0.5vw;
}

.el-checkbox__inner {
	border: 0.1vh solid #dcdfe6;
	border-radius: 0.2vh;
	width: 1.5vh;
	height: 1.5vh;
	z-index: unset;
	&::after {
		height: 0.5vh;
		top: 0.2vh;
		border: 0.2vh solid #fff;
		border-left: 0;
		border-top: 0;
		left: 0.26vh;
		width: 0.26vw;
	}
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
	content: '';
	position: absolute;
	display: block;
	background-color: #fff;
	height: 0.4vh;
	transform: scale(0.5);
	left: 0;
	right: 0;
	top: 0.5vh;
}
